/* CSS Document */

/***** 
 * 模糊
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	-moz-backdrop-filter:blur(8px);
	-o-backdrop-filter:blur(8px);
	
 * 阴影
	box-shadow: 0 0 10px #CCC;
	-webkit-box-shadow: 0 0 10px #CCC;
	-moz-box-shadow: 0 0 10px #CCC;
	overflow:hidden;
	
 * 文字阴影
	text-shadow: 2px 2px 5px #666; 
*/

#banner {
	width::100%;
	height:560px;
	overflow:hidden;
}

.banner_title {
	margin-top:210px;
	width:100%;
	color:#FFF;
	font-size:50px;
	font-weight:bold;
	text-align:center;
	
	text-shadow: 2px 2px 5px #666; 
}

.banner_slogon {
	width:100%;
	color:#FFF;
	font-size:36px;
	text-align:center;
	
	text-shadow: 2px 2px 5px #666; 
}



#menu {
	width:100%;
	min-width:1400px;
	height:100px;
	border-bottom:1px solid #CCC;
	text-align:center;
	overflow:hidden;
}

#menu a {
	display:inline-block;
	min-width:120px;
	height:100px;
	line-height:100px;
	border-bottom:2px solid #FFF;
	box-sizing:border-box;
	font-size:18px;
	text-align:center;
}

#menu a:hover , #menu a.active {
	color:#BD9362;
	border-bottom:2px solid #BD9362;
}




.column_title {
	margin-top:100px;
	margin-bottom:30px;
	height:100px;
}

.column_title_ch {
	margin-top:-85px;
	color:#106CAC;
	font-size:42px;
	font-weight:bold;
	text-align:center;
}

.column_title_en {
	color:#EDEDED;
	font-size:56px;
	font-weight:bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center;
}



.block_space_100 {
	width:100%;
	height:100px;
}



#about_company {
	height:600px;
	background-image:url(../images/back_2.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#about_company #about_company_text {
	float:left;
	padding-top:50px;
	width:35%;
	line-height:36px;
	font-size:24px;
	overflow:hidden;
}

#about_company #about_company_video {
	float:right;
	width:50%;
	overflow:hidden;
}

#about_company_video img {
	width:100%;
}

#about_development {
	margin:auto;
	width:1400px;
	height:558px;
}

#about_development video {
	width:100%;
	height:100%;
}

#about_factory {
	margin:auto;
	width:1400px;
	height:558px;
}

#about_factory video {
	width:100%;
	height:100%;
}


#about_honor {
	text-align:center;
}

#about_honor img {
	width:90%
}


#about_culture {
	height:700px;
	background-image:url(../images/back_3.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#about_culture_text {
	float:left;
	margin-top:110px;
	width:30%;
}

#about_cuiture_video {
	float:right;
	margin-top:110px;
	width:60%;
}

#about_cuiture_video video {
	width:100%;
	height:100%;
}

#about_culture_title_ch {
	margin-bottom:20px;
	color:#000;
	font-size:48px;
}

#about_culture_title_en {
	margin-bottom:20px;
	color:#666;
	font-size:18px;
}

#about_culture_title_line {
	margin-bottom:20px;
	width:80px;
	height:4px;
	background-color:#333;
}

#about_culture_slogan {
	color:#333;
	font-size:36px;
	font-weight:bold;
}

#about_culture_slogan span {
	font-size:80px;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
}

#about_culture_content {
	font-size:24px;
}




.column_slogan {
	text-align:center;
}

.column_slogan div {
	display:inline-block;
	height:200px;
}

.column_slogan_ch {
	line-height:200px;
	color:#333;
	font-size:36px;
}

.column_slogan_en {
	margin-left:20px;
	line-height:200px;
	color:#CCC;
	font-size:24px;
}


.column_contact {
	font-size:0px;
	text-align:center;
}

.column_contact div {
	display:inline-block;
	margin:50px;
	width:300px;
	height:400px;
	text-align:center;
	overflow:hidden;
}

.column_contact ul {
	margin:auto;
	padding:60px;
	width:190px;
	height:190px;
	border-radius:100px;
	box-sizing:border-box;
}

.column_contact dt {
	width:70px;
	height:70px;
	background-color:#FFF;
}

.column_contact a {
	display:block;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	color:#333;
	font-size:24px;
	text-align:center;
}

.column_contact span {
	color:#999;
	font-size:18px;
	text-align:center;
}

#column_contact_phone ul {
	background-color:#073A73;
}

#column_contact_address ul {
	background-color:#D77B18;
}

#column_contact_website ul {
	background-color:#D77B18;
}

#column_contact_human ul {
	background-color:#107A3A;
}

.column_contact_text {
	line-height:200px;
	font-size:42px;
	text-align:center;
}



/*发展历程*/
#development_content {
	display:table;
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	width:1300px;
	background-image:url(../images/line.png);
	background-position:center;
	background-repeat:repeat-y;
	overflow:hidden;
}

.development_list {
	display:table-row;
	width:100%;
	min-width:1300px;
	font-size:0px;
	background-image:none;
	overflow:hidden;
}

.development_text {
	display:table-cell;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:10px;
	padding-right:10px;
	width:47%;
	height:auto;
	line-height:30px;
	box-sizing:border-box;
	color:#666;
	font-size:16px;
	text-align:right;
	overflow:hidden;
}

.development_title {
	display:table-cell;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:10px;
	padding-right:10px;
	width:47%;
	height:auto;
	box-sizing:border-box;
	color:#F93;
	font-size:24px !important;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
}


.development_dot {
	display:table-cell;
	width:6%;
	height:auto;
	background-image:url(../images/dote.png);
	background-position:center;
	background-repeat:no-repeat;
}

#development_content img {
	margin-right:5px;
}

#development_content div.development_list:nth-child(odd) div.development_text {
	padding-right:30px;
	text-align:right;
}

#development_content div.development_list:nth-child(even) div.development_text {
	padding-left:30px;
	text-align:left;
}

#development_content div.development_list:nth-child(odd) div.development_title {
	padding-left:30px;
	text-align:left;
}

#development_content div.development_list:nth-child(even) div.development_title {
	padding-right:30px;
	text-align:right;
}





.block_news {
	margin:auto;
	width:1300px;
	overflow:hidden;
}

.list_news {
	display:block;
	margin:auto;
	margin-top:50px;
	width:95%;
	height:300px;
	background-color:#EEE;
	overflow:hidden;
}

.list_news:hover {
	box-shadow: 0 0 15px #999;
	-webkit-box-shadow: 0 0 15px #999;
	-moz-box-shadow: 0 0 15px #999;
}

.list_news:hover .list_news_title {
	color:#BD9362;
}

.list_news:hover .list_news_ico dt {
	background-color:#BD9362;
}

.list_news_image {
	float:left;
	width:395px;
	height:300px;
	overflow:hidden;
}

.list_news_image img {
	width:100%;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
}

.list_news:hover .list_news_image img {
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

.list_news_text {
	float:left;
	margin-left:30px;
	width:50%;
	height:100%;
}

.list_news_title {
	height:120px;
	line-height:120px;
	color:#333;
	font-size:36px;
	overflow:hidden;
}

.list_news_description {
	height:90px;
	line-height:30px;
	font-size:18px;
	overflow:hidden;
}

.list_news_date {
	line-height:80px;
	font-size:18px;
	text-align:right;
}

.list_news_ico {
	float:right;
	margin-right:50px;
	padding-top:125px;
	padding-bottom:125px;
	width:30px;
	height:300px;
}

.list_news_ico dt {
	width:30px;
	height:50px;
	box-sizing:border-box;
	background-color:#666;
}





.block_case {
	margin:auto;
	padding-bottom:20px;
	width:1608px;
	min-width:1300px;
	overflow:hidden;
}

.list_case {
	display:block;
	float:left;
	margin:auto;
	margin-top:60px;
	margin-left:20px;
	margin-right:20px;
	width:30%;
	background-color:#FFF;
	overflow:hidden;
}

.list_case:hover {
	box-shadow: 0 0 15px #CCC;
	-webkit-box-shadow: 0 0 15px #CCC;
	-moz-box-shadow: 0 0 15px #CCC;
}

.list_case:hover .list_case_title {
	color:#BD9362;
}

.list_case:hover .list_case_ico dt {
	background-color:#BD9362;
}

.list_case_image {
	padding-bottom:61.895%;	/* 宽高比例 */
	width:100%;;
	height:0px;
	overflow:hidden;
}

.list_case_text {
	margin:auto;
	width:95%;
	height:64px;
}

.list_case_title {
	float:left;
	width:70%;
	height:64px;
	line-height:64px;
	color:#333;
	font-size:18px;
	overflow:hidden
}

.list_case_ico {
	float:right;
	width:37px;
	height:64px;
}

.list_case_ico dt {
	width:37px;
	height:64px;
	box-sizing:border-box;
	background-color:#666;
}

.list_case_image img {
	width:100%;
	transform:scale(1,1);
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
}

.list_case:hover .list_case_image img {
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

.list_image_mask_bg {
	position:absolute;
	/*padding-bottom:66.54%;*/
	padding-bottom:61.895%;	/* 宽高等比 */
	top:0px;
	left:0px;
	width:100%;
	opacity:0;
	z-index:1;
}
.list_case:hover .list_image_mask_bg {
	background-color:#000;
	opacity:0.6;
}

.list_image_mask_text {
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	color:#FFF;
	font-size:20px;
	text-align:center;
	overflow:hidden;
	opacity:0;
	z-index:3;
}

.list_case:hover .list_image_mask_text {
	top:45%;left:50%;transform:translate(-45%,-50%);
	opacity:1;
}








.product_system_list {
	width:100%;
	overflow:hidden;
}

.product_system_text , .product_system_image {
	padding-bottom:32.857%;	/* 宽高等比 */
	width:50%;
	height:0px;
	overflow:hidden;
}

.product_system_title {
	margin-bottom:20px;
	width:100%;
	line-height:100px;
	color:#333;
	font-size:42px;
	overflow:hidden;
}
	

.product_system_image img {
	width:100%;
}

.product_system_text img {
	max-width:95%;
}

div.product_system_list:nth-child(odd) .product_system_text , div.product_system_list:nth-child(even) .product_system_image {
	float:right;
	text-align:right;
}

div.product_system_list:nth-child(even) .product_system_text , div.product_system_list:nth-child(odd) .product_system_image {
	float:left;
}
	
	


.product_solution {
	margin:auto;
	width:1435px;
	overflow:hidden;
}

#product_solution a {
	display:block;
	float:left;
	overflow:hidden;
}

#product_solution a:nth-child(1) {
	margin-right:20px;
}

#product_solution a:nth-child(2) {
	margin-top:20px;
	margin-right:20px;
}

#product_solution a:nth-child(3) {
	margin-top:20px;
}

#product_solution a:nth-child(4) {
	float:right;
	margin-top:-340px;
}

.product_solution_title {
	position:absolute;
	bottom:0px;
	padding-left:20px;
	width:100%;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	color:#FFF;
	font-size:18px;
	background-color:#000;
	overflow:hidden;
	opacity:0.7;
}

#product_solution a img {
	opacity:1;
}

#product_solution a:hover img {
	opacity:0.7;
}






.list_customer {
	width:100%;
}

.list_customer_item {
	padding-bottom:7.143%;	/* 宽高等比 */
	float:left;
	width:calc(100% / 7);
	height:0px;
	border:1px solid #EEE;
	border-width:1px 0px 1px 1px;
	box-sizing:border-box;
	text-align:center;
	background-color:#FFF;
	overflow:hidden;
	
}

.list_customer_item:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
}

.list_customer_item img {
	position:absolute;
	top:50%;left:50%;transform:translate(-50%,-50%);
	width:60%;
}

.list_customer_item:nth-child(n+8) {
	border-width:0px 0px 1px 1px;
}

.list_customer_item:nth-child(7n) {
	border-right-width:1px;
}

.list_customer_item:last-child {
	border-right-width:1px;
}




#article_title {
	margin:auto;
	margin-top:30px;
	width:90%;
	line-height:120px;
	color:#333;
	font-size:36px;
	text-align:center;
	overflow:hidden;
}

#article_date {
	border-top:1px solid #CCC;
	width:100%;
	line-height:60px;
	color:#999;
	font-size:18px;
	text-align:center;
}

#article_content {
	margin:auto;
	margin-top:50px;
	margin-bottom:100px;
	width:95%;
	line-height:30px;
	color:#666;
	font-size:18px;
	overflow:hidden;
}

#article_content img {
	max-width:100%;
}





.video_image {
	cursor:pointer;
}

.video_image img {
	width:100%;
}

.video_play_button {
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	width:60px;
	height:60px;
	background-image:url(../images/play.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:60px 60px;
	z-index:99;
}

#play_video_close {
	position:absolute;
	top:0px;
	right:0px;
	width:100px;
	height:100px;
	background-color:#FFF;
	cursor:pointer;
}

#play_video_box {
	position:fixed;
	display:none;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background-image:url(../images/back_black.png);
	overflow:hidden;
	z-index:99999;
	
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	-moz-backdrop-filter:blur(10px);
	-o-backdrop-filter:blur(10px);
}

#play_video {
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
	max-width:100%;
	height:auto;
	max-height:80%;
	z-index:88;
	object-fit:fill;
}



#about_honor_description {
	margin:auto;
	margin-top:50px;
	padding-left:50px;
	padding-right:50px;
	width:1400px;
	line-height:40px;
	box-sizing:border-box;
	color:#666;
	font-size:18px;
	overflow:hidden;
}

#about_honor_description img {
	width:auto;
	max-width:100%;
}